<template>
  <div class="no-perm empty-wrap animate__animated animate__fadeIn animate__faster">
    <div class="content">
      <img src="@/assets/404.png" class="img" />
      <h1>抱歉，未找到此页面！</h1>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.no-perm {
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  .content {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 50vh;
    transform: translateY(-70%);

    img {
      width: 256px;
      height: 256px;
      object-fit: contain;
    }
    h1 {
      font-size: var(--size-text-xlarge);
      font-weight: bold;
      color: var(--color-primary);
    }
  }
}
</style>
